<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>

         <style>
             *{
                 padding: 0;
                 margin: 0;
             }

             ul #k{
                 list-style: none;
                 background: 1px saddlebrown;
                 border: 1px solid yellow;
                 width: 120px;
             }

         </style>
</head>
<body>
 
         <div id="flod">
        <ul>
            <li id="k">
                <a href="#" id="p">信息管理</a>
                <ul class="wrap">
                    <li> 111 </li>
                    <li> 111 </li>
                    <li> 111 </li>
                </ul>
            </li>

            <li id="k">
                <a href="#" id="p">信息管理</a>
                <ul class="wrap">
                    <li> 111 </li>
                    <li> 111 </li>
                    <li> 111 </li>
                </ul>
            </li>


            <li id="k">
                <a href="#" id="p">信息管理</a>
                <ul class="wrap">
                    <li> 111 </li>
                    <li> 111 </li>
                    <li> 111 </li>
                </ul>
            </li>
        </ul>

         </div>

           <script>

    $(function()
    {
        $("#flod>ul>li:first").find(".warp").css({
            display:"block"
        })

        $("a").bind("click",function()
        {
          // alert("aa")
            $(".wrap").css({
                display:"none"
            })

            $(this).parent().find(".wrap").css({
                display:"block"
            })
        })
        
           
    })

           </script>
    
</body>
</html>